<div class="footer-area footer-padding footer-bg" style="background-color: #96c160bd;">
  <div class="container">
      <div class="row d-flex justify-content-between">
          <div class="col-xl-3 col-lg-3 col-md-5 col-sm-6">
             <div class="single-footer-caption mb-50">
               <div class="single-footer-caption mb-30 single-footer-info">
                    <!-- logo -->
                   <div class="footer-logo">
                      <a href=""><img src="./static/picture/bigLogo.png" style="width: 100px;height: 100px;" alt=""></a>
                   </div>
                   <div class="footer-tittle">
                       <div class="footer-pera">
                          <p class="footer-slogn">趁年轻，去冒险</p>
                      </div>
                   </div>
               </div>
             </div>
          </div>
          <div class="col-xl-5 col-lg-3 col-md-3 col-sm-5">
              <div class="single-footer-caption mb-50">
                  <div class="footer-tittle">
                    <h4>商务合作</h4>
                    <ul>
                      <!-- <li><a href="javascript:void(0);">联系人：谭先生</a></li> -->
                      <li><a href="javascript:void(0);">电话：19558223160</a></li>
                      <li><a href="javascript:void(0);">邮箱：guanyuabout0921@163.com</a></li>
                      <li><a href="javascript:void(0);">微信：muyu-20211214</a></li>
                      <li><a href="javascript:void(0);">小红书ID：观宇ABOUT旅行</a></li>
                      <!-- <li><a href="#">About</a></li>
                      <li><a href="#"> Offers & Discounts</a></li>
                      <li><a href="#"> Get Coupon</a></li>
                      <li><a href="#">  Contact Us</a></li> -->
                    </ul>
                  </div>
              </div>
          </div>
          <div class="col-xl-3 col-lg-3 col-md-4 col-sm-7">
              <div class="single-footer-caption mb-50">
                  <div class="footer-tittle">
                      <h4>官方公众号</h4>
                      <img src="./static/picture/gzh1.jpg" style="width: 100px;height: 100px;" alt="">
                  </div>
              </div>
          </div>
          <!-- <div class="col-xl-3 col-lg-3 col-md-5 col-sm-7">
              <div class="single-footer-caption mb-50">
                  <div class="footer-tittle">
                      <h4>Support</h4>
                      <ul>
                       <li><a href="#">Frequently Asked Questions</a></li>
                       <li><a href="#">Terms & Conditions</a></li>
                       <li><a href="#">Privacy Policy</a></li>
                       <li><a href="#">Privacy Policy</a></li>
                       <li><a href="#">Report a Payment Issue</a></li>
                   </ul>
                  </div>
              </div>
          </div> -->
      </div>
      <!-- Footer bottom -->
      <div style="text-align: center;font-weight: bold;">
        <p style="color: #fff;">Copyright &copy; 2024杭州观宇文化旅游有限公司 | 浙ICP备2023035183号</p>
      </div>
      <!-- <div class="row pt-padding">
       <div class="col-xl-7 col-lg-7 col-md-7">
          <div class="footer-copy-right">
          </div>
       </div> -->
        <!-- <div class="col-xl-5 col-lg-5 col-md-5">
          <div class="footer-social f-right">
            <a href="#"><i class="fab fa-twitter"></i></a>
            <a href="#"><i class="fab fa-facebook-f"></i></a>
            <a href="#"><i class="fab fa-behance"></i></a>
            <a href="#"><i class="fas fa-globe"></i></a>
          </div>
       </div> -->
   </div>
  </div>
</div>
<script>
  $("[data-background]").each(function () {
    console.log($(this), $(this).attr("data-background"));
    $(this).css("background-image", "url(" + $(this).attr("data-background") + ")")
  });
</script>